<%@ page language="java" pageEncoding="UTF-8"%>
<%@include file="/pc/jsp/common/common.jsp"%>
<% 
 String userid=(String)CacheClass.isLogin(request,response);
 if(CacheClass.getIntValue(userid)==0)
 {
 	out.println("<script language='JavaScript'>alert('您还没有登陆！');location.href='';</script>"); //后退并刷新
 	return;
 } 
 
 
%>
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <title>我的商城订单</title>
</head>
<body class='bcf'>
<div class="of jz" style="width: 92%;" id="orderListDiv">

</div>
	<!-- 分页 -->
	<div class="c9 f12 lh2 tc mgt30 pageBlock">
		<ul class='db fr of'  id="listPage"></ul>
	</div>
	
	
<!-- <div class="of" style="margin-left: 138px;">
    <p class="c3 fw500" style="font-size: 25px;margin-top: 35px;">申请发货</p>
    <div class="mgt10 clearfix of">
        <input type="button" value="确认发货" name="" id="btnok" onclick="toBrorrow();"  class="cf bcblue br3 mgt10 tc cursor" style="font-size: 24px;height: 55px;line-height: 55px;width: 318px;display: none"/>
        <input type="button" value="确认发货" name="" id="btndisable"  disabled="disabled" class="cf bcblue br3 mgt10 tc cursor" style="font-size: 24px;height: 55px;line-height: 55px;width: 318px;background: #bbb;cursor: not-allowed;"/>
    
    </div>
</div> -->
<script>
var order=[];
var curpage=1;
var taotal=1;

function loadCrowdOrderList(curpageForChat)
{

	if(curpageForChat==0) return;
	$.ajax({
            url: "PlugServlet",
            data: JSON.stringify({m:1750,curpage:curpageForChat}),
            type: 'post',
            dataType: 'json',
            contentType:"application/json;charset=utf-8",
            success: function (data) {
            	console.log(data);
   	           if(data['state']==1)
	           {
	           		curpage=data.curpage*1;
	           		taotal=data.total*1;
	           		
	           		//更新分页
	           		$("#listPage").html('');
	           		if(taotal>1)
 	           		{
		           		var start=1;
		           		if(curpage-3>1)
		           		{
		           			start=curpage-3;
		           		}
		           		var end=taotal;
		           		if(curpage+3<taotal)
		           		{
		           			end=curpage+3;
		           		}
		           		var ChatPageHtml="";
		           		if(curpage!=1)
		           		{   //上一页
		           			ChatPageHtml='<li> <a href="javascript:loadCrowdOrderList('+(curpage-1)+');" class="page-up">&lt;&nbsp;上一页</a></li>';
		           		}
		           		for(var i = start;i<end+1;i++)
		           		{
		           			if(i==curpage) //当前页
		           			{
		           				ChatPageHtml=ChatPageHtml+'<li><a href="javascript:void(0);" class="active">'+i+'</a></li>';
		           			}
		           			else
		           			{
		           				ChatPageHtml=ChatPageHtml+'<li><a href="javascript:loadCrowdOrderList('+i+');">'+i+'</a></li>';
		           			}
		           		}
		           		if(curpage!=taotal)
		           		{   //下一页
		           			ChatPageHtml=ChatPageHtml+'<li><a href="javascript:loadCrowdOrderList('+(curpage+1)+');" class="page-down">下一页&nbsp;&gt;</a></li>';
		           		}
		           		
						$("#listPage").html(ChatPageHtml);
	         		}
	                //数据
	                
	           		
					var contentHtml="";
					if(data.list==null)  return;
	           		$.each(data.list, function(index, objVal) { //遍历对象数组，index是数组的索引号，objVal是遍历的一个对象。
	           		
	           		contentHtml=contentHtml+'<div class="w100 of" style="margin:30px 0 28px;">'+
					        '<div class="clearfix of">';
					  if(objVal.state!=5)
					            contentHtml=contentHtml+'<div class="ya tc fl">'+objVal.stateAbout+'</div>';
					  else 
					            contentHtml=contentHtml+'<div class="wrapper"><span><input type="checkbox" onclick="toTotal('+objVal.orderid+');" class="input_check" id="check'+objVal.orderid+'"><label for="check'+objVal.orderid+'"></label></span></div>';
					  contentHtml=contentHtml+'<p class="fl f20 c3 fw600">'+objVal.projectname+'</p>'+
					            '<a href="pc/zhongChouOrderInfo.jsp?orderid='+objVal.orderid+'" class="cf tc db fr btnBlue br3 chakanBtn">查看</a>'+
					        '</div>'+
					        '<div class="clearfix w100 pr" style="margin-left: 58px;padding: 23px 0;border-bottom: 1px dashed #e7e7e7">'+
					            '<div class="fl tc" style="width: 220px;">'+
					                '<p class="f14 c6">价格</p>'+
					                '<p class="cred f20 fw500">'+objVal.packageprice+'</p>'+
					            '</div>'+
					            '<div class="fl pr  tc" style="width: 138px;">'+
					                '<div class="pa" style="top: 3px;width: 1px;height: 35px;background: #e7e7e7;left: 0;"></div>'+
					                '<div class="pa" style="top: 3px;width: 1px;height: 35px;background: #e7e7e7;right: 0;"></div>'+
					               '<p class="f14 c6">数量(份)</p>'+
					                '<p class="c6 f20 fw500">'+objVal.ordernum+'</p>'+
					            '</div>'+
					            '<div class="fl tc" style="width: 220px">'+
					                '<p class="f14 c6">资产</p>'+
					                '<p class="cred f20 fw500">'+objVal.totalrmb+'</p>'+
					            '</div>'+

					        '</div>';
					      if(objVal.state==0)
					       {
					       		contentHtml=contentHtml+'<div class="clearfix of w100" style="padding: 23px 0;border-bottom: 1px solid #e7e7e7;margin-left: 58px;">'+
					            '<div class="fl tc" style="width: 220px; >'+
					                '<p class="f14 c6">创建日期 </p>'+
					                '<p class="c3 f14 fw500">'+ dataToString(objVal.ctime, "yyyy年MM月dd日  HH:mm:ss")+'</p>'+
					            '</div>'+
					            '<div class="fl tc pr" style="width: 138px;">'+
					                '<div class="pa" style="top: 3px;width: 1px;height: 35px;background: #e7e7e7;left: 0;"></div>'+
					                '<div class="pa" style="top: 3px;width: 1px;height: 35px;background: #e7e7e7;right: 0;"></div>'+
					                '<p class="f14 c6">代理天数(天)</p>'+
					                '<p class="c6 f20 fw500">'+objVal.days+'</p>'+
					            '</div>'+
					            '<div class="fl tc" style="width: 220px">'+
					                '<p class="f14 c6">取消日期</p>'+
					                '<p class="c3 f14 fw500">'+dataToString(objVal.canceltime, "yyyy年MM月dd日  HH:mm:ss")+'</p>'+
					            '</div>'+
					            '<div class="fl tc pr" style="width: 138px;">'+
					                '<div class="pa" style="top: 3px;width: 1px;height: 35px;background: #e7e7e7;left: 0;"></div>'+
					                '<p class="f13 c6">状态</p>'+
					                '<p class="corange f18 fw500">'+objVal.stateAbout+'</p>'+
					            '</div>'+
					        '</div>';
					       		
					       } else if(objVal.state==1)
					       {
					       		contentHtml=contentHtml+'<div class="clearfix of w100" style="padding: 23px 0;border-bottom: 1px solid #e7e7e7;margin-left: 58px;">'+
					            '<div class="fl tc" style="width: 220px; >'+
					                '<p class="f14 c6">创建日期 </p>'+
					                '<p class="c3 f14 fw500">'+ dataToString(objVal.ctime, "yyyy年MM月dd日  HH:mm:ss")+'</p>'+
					            '</div>'+
					            '<div class="fl tc pr" style="width: 138px;">'+
					                '<div class="pa" style="top: 3px;width: 1px;height: 35px;background: #e7e7e7;left: 0;"></div>'+
					                '<div class="pa" style="top: 3px;width: 1px;height: 35px;background: #e7e7e7;right: 0;"></div>'+
					                '<p class="f14 c6">代理天数(天)</p>'+
					                '<p class="c6 f20 fw500">'+objVal.days+'</p>'+
					            '</div>'+
					            '<div class="fl tc" style="width: 220px">'+
					                '<p class="f14 c6">运费</p>'+
					                '<p class="c3 f14 fw500">'+objVal.frieght+'</p>'+
					            '</div>'+
					            '<div class="fl tc pr" style="width: 138px;">'+
					                '<div class="pa" style="top: 3px;width: 1px;height: 35px;background: #e7e7e7;left: 0;"></div>'+
					                '<p class="f13 c6">状态</p>'+
					                '<p class="corange f18 fw500">'+objVal.stateAbout+'</p>'+
					            '</div>'+
					        '</div>';
					       }else if(objVal.state==2)
					       {
					       		contentHtml=contentHtml+'<div class="clearfix of w100" style="padding: 23px 0;border-bottom: 1px solid #e7e7e7;margin-left: 58px;">'+
					            '<div class="fl tc" style="width: 220px; >'+
					                '<p class="f14 c6">创建日期 </p>'+
					                '<p class="c3 f14 fw500">'+ dataToString(objVal.ctime, "yyyy年MM月dd日  HH:mm:ss")+'</p>'+
					            '</div>'+
					            '<div class="fl tc pr" style="width: 138px;">'+
					                '<div class="pa" style="top: 3px;width: 1px;height: 35px;background: #e7e7e7;left: 0;"></div>'+
					                '<div class="pa" style="top: 3px;width: 1px;height: 35px;background: #e7e7e7;right: 0;"></div>'+
					                '<p class="f14 c6">代理天数(天)</p>'+
					                '<p class="c6 f20 fw500">'+objVal.days+'</p>'+
					            '</div>'+
					            '<div class="fl tc" style="width: 220px">'+
					                '<p class="f14 c6">购买日期</p>'+
					                '<p class="c3 f14 fw500">'+ dataToString(objVal.starttime, "yyyy年MM月dd日  HH:mm:ss")+'</p>'+
					            '</div>'+
					            '<div class="fl tc pr" style="width: 138px;">'+
					                '<div class="pa" style="top: 3px;width: 1px;height: 35px;background: #e7e7e7;left: 0;"></div>'+
					                '<p class="f13 c6">状态</p>'+
					                '<p class="corange f18 fw500">'+objVal.stateAbout+'</p>'+
					            '</div>'+
					        '</div>';
					       }else if(objVal.state==5)
					       {
					       		contentHtml=contentHtml+'<div class="clearfix of w100" style="padding: 23px 0;border-bottom: 1px solid #e7e7e7;margin-left: 58px;">'+
					            '<div class="fl tc" style="width: 220px; >'+
					                '<p class="f14 c6">购买日期 </p>'+
					                '<p class="c3 f14 fw500">'+ dataToString(objVal.starttime, "yyyy年MM月dd日  HH:mm:ss")+'</p>'+
					            '</div>'+
					            '<div class="fl tc pr" style="width: 138px;">'+
					                '<div class="pa" style="top: 3px;width: 1px;height: 35px;background: #e7e7e7;left: 0;"></div>'+
					                '<div class="pa" style="top: 3px;width: 1px;height: 35px;background: #e7e7e7;right: 0;"></div>'+
					                '<p class="f14 c6">代理天数(天)</p>'+
					                '<p class="c6 f20 fw500">'+objVal.days+'</p>'+
					            '</div>'+
					            '<div class="fl tc" style="width: 220px">'+
					                '<p class="f14 c6">发货日期</p>'+
					                '<p class="c3 f14 fw500">'+ objVal.couriertimeAbout+'</p>'+
					            '</div>'+
					            '<div class="fl tc pr" style="width: 138px;">'+
					                '<div class="pa" style="top: 3px;width: 1px;height: 35px;background: #e7e7e7;left: 0;"></div>'+
					                '<p class="f13 c6">状态</p>'+
					                '<p class="corange f18 fw500">'+objVal.stateAbout+'</p>'+
					            '</div>'+
					        '</div>';
					       }else if(objVal.state==6)
					       {
					       		
					       		contentHtml=contentHtml+'<div class="clearfix of w100" style="padding: 23px 0;border-bottom: 1px solid #e7e7e7;margin-left: 58px;">'+
					            '<div class="fl tc" style="width: 220px; >'+
					                '<p class="f14 c6">购买日期 </p>'+
					                '<p class="c3 f14 fw500">'+ dataToString(objVal.starttime, "yyyy年MM月dd日  HH:mm:ss")+'</p>'+
					            '</div>'+
					            '<div class="fl tc pr" style="width: 138px;">'+
					                '<div class="pa" style="top: 3px;width: 1px;height: 35px;background: #e7e7e7;left: 0;"></div>'+
					                '<div class="pa" style="top: 3px;width: 1px;height: 35px;background: #e7e7e7;right: 0;"></div>'+
					                '<p class="f14 c6">代理天数(天)</p>'+
					                '<p class="c6 f20 fw500">'+objVal.days+'</p>'+
					            '</div>'+
					            '<div class="fl tc" style="width: 220px">'+
					                '<p class="f14 c6">签收日期</p>'+
					                '<p class="c3 f14 fw500">'+ objVal.arrivetimeAbout+'</p>'+
					            '</div>'+
					            '<div class="fl tc pr" style="width: 138px;">'+
					                '<div class="pa" style="top: 3px;width: 1px;height: 35px;background: #e7e7e7;left: 0;"></div>'+
					                '<p class="f13 c6">状态</p>'+
					                '<p class="corange f18 fw500">'+objVal.stateAbout+'</p>'+
					            '</div>'+
					        '</div>';
					       } 
					    contentHtml=contentHtml+'</div>';
					    
				    });
	           		if(contentHtml=="")
	           			$("#orderListDiv").html('<p></p><p></p><p></p><p></p>');
	           		else
	           			$("#orderListDiv").html(contentHtml);
	           
	           }
       		},
            error: function (data) {
            console.log(data);
                 return false;
            },
         });	
}


$().ready(function() {   
 
    loadCrowdOrderList(1);
    
 });
 
 function toTotal(orderid)
 {
        if($('#check'+orderid).prop('checked'))
        {
   			order.push(orderid);
        }
        else
        {
	   		order.splice(jQuery.inArray(orderid,order),1); 
            //其中jQuery.inArray('b',arrList)是b这个元素在数组arrList 中的位置  splice(index,1)函数中第一个参数index是要删除元素在数组中的位置，第二个参数是要删除的数量
        }
        if(order.length>0)
        {
        	$("#btnok").show();
        	$("#btndisable").hide();
        }
        else
        {
            $("#btndisable").show();
        	$("#btnok").hide();
        }
   
   }


  function toBrorrow()
  {
  		if(order.toString()== "")
  		{
  			layer.alert("请选择订单");
  			return false;
  		}
  		window.location.href=baseUrl+"pc/myAddress.jsp?orderidlist="+order.toString();
   }

</script>
</body>
</html>